﻿<!DOCTYPE html>
<html>
  <head>
    <title>Picker</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/picker/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/picker/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- bg (Rectangle) -->
      <div id="u2623" class="ax_default box_1" data-label="bg">
        <div id="u2623_div" class=""></div>
      </div>

      <!-- Unnamed (NavBar) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u2625" class="ax_default">
        <div id="u2625_state0" class="panel_state" data-label="State1" style="">
          <div id="u2625_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u2626" class="ax_default box_1">
              <div id="u2626_div" class=""></div>
            </div>

            <!-- Unnamed (Group) -->
            <div id="u2627" class="ax_default" data-left="4" data-top="12" data-width="48" data-height="21">

              <!-- Unnamed (Rectangle) -->
              <div id="u2628" class="ax_default label">
                <div id="u2628_div" class=""></div>
                <div id="u2628_text" class="text ">
                  <p><span>返回</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u2629" class="ax_default label">
                <div id="u2629_div" class=""></div>
                <div id="u2629_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2630" class="ax_default label">
              <div id="u2630_div" class=""></div>
              <div id="u2630_text" class="text ">
                <p><span>Button-Tab</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2631" class="ax_default label">
              <div id="u2631_div" class=""></div>
              <div id="u2631_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2632" class="ax_default" data-left="0" data-top="66" data-width="375" data-height="245">

        <!-- bg (Rectangle) -->
        <div id="u2633" class="ax_default box_1" data-label="bg">
          <div id="u2633_div" class=""></div>
        </div>

        <!-- line (Rectangle) -->
        <div id="u2634" class="ax_default box_1" data-label="line">
          <div id="u2634_div" class=""></div>
        </div>

        <!-- Unnamed (Dynamic Panel) -->
        <div id="u2635" class="ax_default">
          <div id="u2635_state0" class="panel_state" data-label="State1" style="">
            <div id="u2635_state0_content" class="panel_state_content">

              <!-- selections (Group) -->
              <div id="u2636" class="ax_default" data-label="selections" data-left="0" data-top="0" data-width="136" data-height="420">

                <!-- Unnamed (Rectangle) -->
                <div id="u2637" class="ax_default label">
                  <div id="u2637_div" class=""></div>
                  <div id="u2637_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2000</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2638" class="ax_default label">
                  <div id="u2638_div" class=""></div>
                  <div id="u2638_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2001</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2639" class="ax_default label">
                  <div id="u2639_div" class=""></div>
                  <div id="u2639_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2002</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2640" class="ax_default label">
                  <div id="u2640_div" class=""></div>
                  <div id="u2640_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2641" class="ax_default label">
                  <div id="u2641_div" class=""></div>
                  <div id="u2641_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2642" class="ax_default label">
                  <div id="u2642_div" class=""></div>
                  <div id="u2642_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2643" class="ax_default label">
                  <div id="u2643_div" class=""></div>
                  <div id="u2643_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2644" class="ax_default label">
                  <div id="u2644_div" class=""></div>
                  <div id="u2644_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2645" class="ax_default label">
                  <div id="u2645_div" class=""></div>
                  <div id="u2645_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2646" class="ax_default label">
                  <div id="u2646_div" class=""></div>
                  <div id="u2646_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2003</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2647" class="ax_default label">
                  <div id="u2647_div" class=""></div>
                  <div id="u2647_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2004</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2648" class="ax_default label">
                  <div id="u2648_div" class=""></div>
                  <div id="u2648_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2005</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2649" class="ax_default box_1">
        <div id="u2649_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2650" class="ax_default box_1">
        <div id="u2650_div" class=""></div>
        <div id="u2650_text" class="text ">
          <p><span>增加了渐变，会导致上下不能拖动</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2651" class="ax_default" data-left="0" data-top="349" data-width="375" data-height="245">

        <!-- bg (Rectangle) -->
        <div id="u2652" class="ax_default box_1" data-label="bg">
          <div id="u2652_div" class=""></div>
        </div>

        <!-- line (Rectangle) -->
        <div id="u2653" class="ax_default box_1" data-label="line">
          <div id="u2653_div" class=""></div>
        </div>

        <!-- Unnamed (Dynamic Panel) -->
        <div id="u2654" class="ax_default">
          <div id="u2654_state0" class="panel_state" data-label="State1" style="">
            <div id="u2654_state0_content" class="panel_state_content">

              <!-- selections (Group) -->
              <div id="u2655" class="ax_default" data-label="selections" data-left="0" data-top="0" data-width="136" data-height="420">

                <!-- Unnamed (Rectangle) -->
                <div id="u2656" class="ax_default label">
                  <div id="u2656_div" class=""></div>
                  <div id="u2656_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2000</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2657" class="ax_default label">
                  <div id="u2657_div" class=""></div>
                  <div id="u2657_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2001</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2658" class="ax_default label">
                  <div id="u2658_div" class=""></div>
                  <div id="u2658_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2002</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2659" class="ax_default label">
                  <div id="u2659_div" class=""></div>
                  <div id="u2659_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2660" class="ax_default label">
                  <div id="u2660_div" class=""></div>
                  <div id="u2660_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2661" class="ax_default label">
                  <div id="u2661_div" class=""></div>
                  <div id="u2661_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2662" class="ax_default label">
                  <div id="u2662_div" class=""></div>
                  <div id="u2662_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2663" class="ax_default label">
                  <div id="u2663_div" class=""></div>
                  <div id="u2663_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2664" class="ax_default label">
                  <div id="u2664_div" class=""></div>
                  <div id="u2664_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2665" class="ax_default label">
                  <div id="u2665_div" class=""></div>
                  <div id="u2665_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2003</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2666" class="ax_default label">
                  <div id="u2666_div" class=""></div>
                  <div id="u2666_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2004</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2667" class="ax_default label">
                  <div id="u2667_div" class=""></div>
                  <div id="u2667_text" class="text ">
                    <p><span style="font-family:'ArialMT', 'Arial';">2005</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">年</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (Dynamic Panel) -->
        <div id="u2668" class="ax_default">
          <div id="u2668_state0" class="panel_state" data-label="State1" style="">
            <div id="u2668_state0_content" class="panel_state_content">

              <!-- Unnamed (Group) -->
              <div id="u2669" class="ax_default" data-left="0" data-top="0" data-width="114" data-height="631">

                <!-- Unnamed (Rectangle) -->
                <div id="u2670" class="ax_default label">
                  <div id="u2670_div" class=""></div>
                  <div id="u2670_text" class="text ">
                    <p><span>01</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2671" class="ax_default label">
                  <div id="u2671_div" class=""></div>
                  <div id="u2671_text" class="text ">
                    <p><span>02</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2672" class="ax_default label">
                  <div id="u2672_div" class=""></div>
                  <div id="u2672_text" class="text ">
                    <p><span>03</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2673" class="ax_default label">
                  <div id="u2673_div" class=""></div>
                  <div id="u2673_text" class="text ">
                    <p><span>04</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2674" class="ax_default label">
                  <div id="u2674_div" class=""></div>
                  <div id="u2674_text" class="text ">
                    <p><span>05</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2675" class="ax_default label">
                  <div id="u2675_div" class=""></div>
                  <div id="u2675_text" class="text ">
                    <p><span>06</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2676" class="ax_default label">
                  <div id="u2676_div" class=""></div>
                  <div id="u2676_text" class="text ">
                    <p><span>07</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2677" class="ax_default label">
                  <div id="u2677_div" class=""></div>
                  <div id="u2677_text" class="text ">
                    <p><span>08</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2678" class="ax_default label">
                  <div id="u2678_div" class=""></div>
                  <div id="u2678_text" class="text ">
                    <p><span>09</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2679" class="ax_default label">
                  <div id="u2679_div" class=""></div>
                  <div id="u2679_text" class="text ">
                    <p><span>10</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2680" class="ax_default label">
                  <div id="u2680_div" class=""></div>
                  <div id="u2680_text" class="text ">
                    <p><span>11</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2681" class="ax_default label">
                  <div id="u2681_div" class=""></div>
                  <div id="u2681_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2682" class="ax_default label">
                  <div id="u2682_div" class=""></div>
                  <div id="u2682_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2683" class="ax_default label">
                  <div id="u2683_div" class=""></div>
                  <div id="u2683_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2684" class="ax_default label">
                  <div id="u2684_div" class=""></div>
                  <div id="u2684_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2685" class="ax_default label">
                  <div id="u2685_div" class=""></div>
                  <div id="u2685_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2686" class="ax_default label">
                  <div id="u2686_div" class=""></div>
                  <div id="u2686_text" class="text ">
                    <p><span>&nbsp;</span></p>
                  </div>
                </div>

                <!-- Unnamed (Rectangle) -->
                <div id="u2687" class="ax_default label">
                  <div id="u2687_div" class=""></div>
                  <div id="u2687_text" class="text ">
                    <p><span>12</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2688" class="ax_default box_1">
          <img id="u2688_img" class="img " src="images/picker/u2688.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u2689" class="ax_default box_1">
          <img id="u2689_img" class="img " src="images/picker/u2689.png"/>
        </div>
      </div>
    </div>
  </body>
</html>
